<template>
  <div class="container">
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>
<script>
import { onMounted } from "vue";
import { addAccess } from "./api/data";
export default {
  setup() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    // console.log(userAgent)
    onMounted(async () => {
      await addAccess({
        user_val: userAgent,
      });
      
    });
  },
};
</script>

<style lang="scss">
@import "assets/css/reset.css";
// @import "assets/css/bootstrap.css";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  list-style: none;
}
a {
  text-decoration: none !important;
}

input {
  outline: none;
  border: none;
  background-color: none;
}

body {
  background-color: #e9faff;
  .container {
    width: 1200px;
    margin: 0 auto;
  }
}

$Color: #88c6e5;
</style>
